CSS遇到的坑

前言

自学了那么久，慢慢开始写页面遇到了不少关于css的坑，想写一篇文章来记录一下，也方便以后自己在遇到这些坑时回顾一下，遇坑即更。

---

1. calc

使用Chrome浏览器时候，用到了css3中的calc函数，写法如： height: calc(100vh-49px);但是在页面中却不生效，错误提示“invalid property value”，最后在教程手册找到了答案，上面明确强调：“ 需要注意的是，运算符前后都需要保留一个空格，例如：width：calc(100% - 10px);”。